<template>
	<div class="playerinformation">
		<el-form label-width="80px">
		  <el-form-item label="名称:">
		    <el-input v-model="name" placeholder="请输入名称"></el-input>
		  </el-form-item>
		  <el-form-item label="昵称:">
		    <el-input v-model="nickname" placeholder="请输入昵称"></el-input>
		  </el-form-item>
		  <el-form-item label="uid:">
		    <el-input v-model="uid" placeholder="请输入uid"></el-input>
		  </el-form-item>
		</el-form>
		<el-button type="primary" @click="search()">查询</el-button>
		  <el-table
		    :data="tableData"
		    border
			fit
		    style="width: 100%">
		    <el-table-column
		      fixed
		      prop="date"
		      label="日期"
		    >
		    </el-table-column>
		    <el-table-column
		      prop="name"
		      label="姓名"
		    >
		    </el-table-column>
		    <el-table-column
		      prop="province"
		      label="省份"
		    >
		    </el-table-column>
		    <el-table-column
		      prop="city"
		      label="市区"
			>
		    </el-table-column>
		    <el-table-column
		      prop="address"
		      label="地址"
		    >
		    </el-table-column>
		    <el-table-column
		      prop="zip"
		      label="邮编"
		    >
		    </el-table-column>
		    <el-table-column
		      fixed="right"
		      label="操作"
		    >
		      <template slot-scope="scope">
		        <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
		        <el-button type="text" size="small">编辑</el-button>
		      </template>
		    </el-table-column>
		  </el-table>
	</div>
</template>

<script>
	export default{
		name:"PlayerINformation",
		data(){
			return{
				name:"",
				nickname:"",
				uid:"",
				 tableData: [{
				          date: '2016-05-02',
				          name: '王小虎',
				          province: '上海',
				          city: '普陀区',
				          address: '上海市普陀区金沙江路 1518 弄',
				          zip: 200333
				        }, {
				          date: '2016-05-04',
				          name: '王小虎',
				          province: '上海',
				          city: '普陀区',
				          address: '上海市普陀区金沙江路 1517 弄',
				          zip: 200333
				        }, {
				          date: '2016-05-01',
				          name: '王小虎',
				          province: '上海',
				          city: '普陀区',
				          address: '上海市普陀区金沙江路 1519 弄',
				          zip: 200333
				        }, {
				          date: '2016-05-03',
				          name: '王小虎',
				          province: '上海',
				          city: '普陀区',
				          address: '上海市普陀区金沙江路 1516 弄',
				          zip: 200333
				        }]
			}
		},
		methods:{
			//查看
			handleClick(row) {
				console.log(row);
			},
			search(){
				console.log(this.name,this.nickname,this.uid)
			}
		}
	}
</script>

<style scoped="scoped">
	.playerinformation .el-form{
	  display: flex;
	  float: left;
	}
	.playerinformation .el-button{
		margin-left: 15px;
	}
</style>
